<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'cz-detail.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

<meta charset="UTF-8">
<title>帝美娜官方网站 轻松购物！</title>
<meta name="description"
	content="帝美娜，美自根源，养有方，为您提供肌本理护、专意理护、香怡理护、品颜理护等美肤产品。帝美娜官方网上商城全新上线，欢迎购买咨询" />
<meta name="Keywords"
	content="帝美娜,帝美娜官网, 网上商城, 帝美娜网上商城, 帝美娜产品, 肌本理护, 专意理护, 香怡理护, 品颜理护, 面部护理, 身体护理, 芳香护理, 内服调理, 清肌养颜, 眼霜, 面膜,  " />
<link rel="stylesheet" href="<%=basePath%>css/cz-detail.css" />
<link rel="stylesheet" href="<%=basePath%>css/index.css" />
<link rel="shortcut icon" href="<%=basePath%>favicon.ico" />
<script src="js/hf.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<!--<script src="js/home2.js"></script>-->
</head>

<body>
	<!--site-nav-->
	<div class="sw">
		<div class="site-nav clearfix">
			<div class="site-nav-left fl">
				<p>欢迎来到蒂美娜官方网站</p>
			</div>
			<div class="site-nav-right fr">
				<p>
					<a href="<%=basePath%>ly.jsp">关于我们</a>
				</p>
			</div>
		</div>
	</div>
	<!--site-nav end-->

	<!--search-->
	<div class="search-all" id="nav">
		<div class="search clearfix">
			<div class="search-logo fl">
				<a href="<%=basePath%>home.jsp"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>home.jsp">首页</a></li>
					<li class="cream"><a href="<%=basePath%>hf1.jsp">护肤品</a>
						<div class="layer layer0 clearfix">
							<div class="nav_01 fl">
								<a class="nav_021" href="<%=basePath%>hf1.jsp">面部系列</a> <a
									class="nav_021" href="<%=basePath%>hf2.jsp">眼部系列</a> <a
									class="nav_021" href="<%=basePath%>hf3.jsp">男士系列</a> <a
									class="nav_021" href="<%=basePath%>hf4.jsp">身体系列</a>
							</div>
							<!--<div class="before"></div>-->
						</div></li>
					<li class="cosmetics"><a href="<%=basePath%>cz1.jsp">彩妆</a>
						<div class="layer layer1 clearfix">
							<div class="nav_02 fl">
								<a class="nav_021" href="<%=basePath%>cz1.jsp">面部彩妆</a> <a
									class="nav_021" href="<%=basePath%>cz2.jsp">眼部彩妆</a> <a
									class="nav_021" href="<%=basePath%>cz3.jsp">唇部彩妆</a> <a
									class="nav_021" href="<%=basePath%>cz4.jsp">卸妆彩妆</a>
							</div>
							<!--<div class="before"></div>-->
						</div></li>
					<li><a href="<%=basePath%>newproduct.jsp">新品上市</a></li>
					<li><a href="<%=basePath%>brandIntroduction.jsp">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off"
						placeholder="搜索您需要的商品......" />
					<div class="search-icons"></div>
					<span></span>
					<div class="search-icon fl">
						<a href="<%=basePath%>#"><img src="img/1_02.png" /></a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--second banner-->
	<div class="search-all-fixed" id="navFixed">
		<div class="search clearfix">
			<div class="search-logo fl">
				<a href="<%=basePath%>home.jsp"><img src="img/1_01.png" /></a>
			</div>
			<div class="search-nav fl">
				<ul class="clearfix">
					<li><a href="<%=basePath%>home.jsp">首页</a></li>
					<li class="creamfixed"><a href="<%=basePath%>hf1.jsp">护肤品</a>
						<div class="layer layerfixed0 clearfix">
							<div class="nav_01 fl">
								<a class="nav_021" href="<%=basePath%>hf1.jsp">面部系列</a> <a
									class="nav_021" href="<%=basePath%>hf2.jsp">眼部系列</a> <a
									class="nav_021" href="<%=basePath%>hf3.jsp">男士系列</a> <a
									class="nav_021" href="<%=basePath%>hf4.jsp">身体系列</a>
							</div>
							<div class="before"></div>
						</div></li>
					<li class="cosmeticsfixed"><a href="<%=basePath%>cz1.jsp">彩妆</a>
						<div class="layer layerfixed1 clearfix">
							<div class="nav_02 fl">
								<a class="nav_021" href="<%=basePath%>cz1.jsp">面部彩妆</a> <a
									class="nav_021" href="<%=basePath%>cz2.jsp">眼部彩妆</a> <a
									class="nav_021" href="<%=basePath%>cz3.jsp">唇部彩妆</a> <a
									class="nav_021" href="<%=basePath%>cz4.jsp">卸妆彩妆</a>
							</div>
							<div class="before"></div>
						</div></li>
					<li><a href="<%=basePath%>newproduct.jsp">新品上市</a></li>
					<li><a href="<%=basePath%>brandIntroduction.jsp">品牌介绍</a></li>
				</ul>
			</div>
			<div class="search-input clearfix">
				<div class="search-form fr clearfix">
					<input class="search-text fl" autocomplete="off"
						placeholder="搜索您需要的商品......" />
					<div class="search-icons"></div>
					<span></span>
					<div class="search-icon fl">
						<a href="<%=basePath%>#"><img src="img/1_02.png" /></a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--search end-->

	<div class="hf-wrap w">
		<div class="floor-nav">
			<a href="<%=basePath%>home.jsp" class="home1">
				<!--<img src="img/home.png"/>-->
			</a> <a href="<%=basePath%>hf1.jsp">>彩妆</a> <a
				href="<%=basePath%>hf2.jsp">>唇部</a>
		</div>
		<div class="pro clearfix">
			<div class="pro-left fl">
				<div class="hf-pro clearfix">
					<div class="hf-pro-cnt fl" id="left">
						<div id="box"></div>
						<div id="cover"></div>
					</div>
					<div class="hf-pro-big fl" id="right">
						<img id="tb" src="img/cz-03-big.png" />
					</div>
					<p>
						<span id=""></span>zoom
					</p>
				</div>
				<div class="hf-pro-small " id="mytop">
					<span></span>
				</div>
			</div>
			<div class="pro-right fl">

				<h3>绝色持久唇膏放肆出色系列07M</h3>
				<p>
					<a href="<%=basePath%>cz1.jsp">彩妆系列</a>
				</p>
				<div class="line"></div>
				<ul>
					<li>价 &nbsp; &nbsp; &nbsp; 格：<span>￥ 150.00</span></li>
					<li>规 &nbsp; &nbsp; &nbsp; 格： <span class="spec0">10ml</span></li>
					<li class="color"><a href="<%=basePath%>#" class="a1"></a> <a
						href="<%=basePath%>#" class="a2"></a> <a href="<%=basePath%>#"
						class="a3"></a> <a href="<%=basePath%>#" class="a4"></a> <a
						href="<%=basePath%>#" class="a5"></a></li>
					<li><span class="product"> 总体评价： </span><span class="star"></span></li>
				</ul>
				<div class="hf-btn">
					<a href="<%=basePath%>" id="hf-btn1">立即购买</a> <input type="button"
						id="hf-btn2" value="加入收藏夹" />
				</div>
			</div>
		</div>
		<!--pro结束-->
		<!--b-title开始-->
		<div class="b-title">
			<h3 class="b-title-t">为什么你需要它？</h3>
			<div class="b-title-box clearfix">
				<div class="b-title-box1 fl">
					<h3>这是什么？</h3>
					<div class="heng-line"></div>
					<p>绝色持久唇膏放肆出色系列07M</p>
				</div>
				<div class="b-title-box2 fl">
					<h3>好处</h3>
					<div class="heng-line"></div>
					<p>增加唇部的豐潤平滑觸感，增加水漾潤澤度，讓唇色 光彩四射、明艷動人。成份/羊毛脂、蓖麻油、維生素E 維生素C棕櫚酸酯</p>
				</div>
				<div class="b-title-box3 fr">
					<h3>使用建议</h3>
					<div class="heng-line"></div>
					<p>1.使用美宝莲润唇膏先打底，这样可使唇膏的 颜色长效 2.转出唇膏1-1.5cm，用美宝莲绝色持久雾感
						哑光系列唇膏先画出M字唇峰； 3.再将美宝莲绝色持久雾感哑光系列唇膏均匀 涂抹于上下唇。</p>
				</div>
			</div>
		</div>
		<!--b-title结束-->
		<!--推荐部分开始-->
		<div class="rec-pro">
			<h3>其他推荐</h3>
			<div class="rec-pro-cnt clearfix">
				<div class="rec-pro-cnt1 fl">
					<div class="rec-pro-pic">
						<a href="<%=basePath%>cz-detail.jsp"><img src="img/cz_1_03.png" /></a> <a
							href="<%=basePath%>cz-detail.jsp" class="spuar"></a>
					</div>
					<div class="rec-pro-txt">
						<span class="heart3"></span>
						<p>
							<a href="<%=basePath%>cz-detail.jsp">蒂美娜绝色持久唇膏</a>
						</p>
						<p>食品级健康色彩，天天好气色</p>
						<p>
							<a href="<%=basePath%>cz-detail.jsp" class="hf-btn3" >查看详情</a>
						</p>
					</div>
				</div>
				<div class="rec-pro-cnt2 fl">
					<div class="rec-pro-pic">
						<a href="<%=basePath%>cz-detail.jsp"><img src="img/cz_1_03.png" ></a> <a
							href="<%=basePath%>cz-detail.jsp" class="spuar"></a>
					</div>
					<div class="rec-pro-txt ">
						<span class="heart3"></span>
						<p>
							<a href="<%=basePath%>cz-detail.jsp">蒂美娜绝色持久唇膏</a>
						</p>
						<p>食品级健康色彩，天天好气色</p>
						<p>
							<a href="<%=basePath%>cz-detail.jsp" class="hf-btn3" >查看详情</a>
						</p>
					</div>
				</div>

				<div class="rec-pro-cnt3 fl">
					<div class="rec-pro-pic">
						<a href="<%=basePath%>cz-detail.jsp"><img src="img/cz_1_05.png" /></a> <a
							href="<%=basePath%>cz-detail.jsp" class="spuar"></a>
					</div>
					<div class="rec-pro-txt">
						<span class="heart3"></span>
						<p>
							<a href="<%=basePath%>cz-detail.jsp" target="_blank">蒂美娜绝色持久唇膏</a>
						</p>
						<p>食品级健康色彩，天天好气色</p>
						<p>
							<a href="<%=basePath%>cz-detail.jsp" class="hf-btn3" >查看详情</a>
						</p>
					</div>
				</div>

				<div class="rec-pro-cnt4 fl">
					<div class="rec-pro-pic">
						<a href="<%=basePath%>cz-detail.jsp"><img src="img/cz_1_07.png" /></a> <a
							href="<%=basePath%>cz-detail.jsp" class="spuar"></a>
					</div>
					<div class="rec-pro-txt">
						<span class="heart3"></span>
						<p>
							<a href="<%=basePath%>cz-detail.jsp">蒂美娜绝色持久唇膏</a>
						</p>
						<p>食品级健康色彩，天天好气色</p>
						<p>
							<a href="<%=basePath%>cz-detail.jsp" class="hf-btn3" >查看详情</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<!--推荐部分结束-->
	</div>
	<!--底部开始-->
	<!--footer-->
	<div class="footer-all">
		<div class="footer">
			<div class="footer-top clearfix">
				<div class="footer-top-left fl">
					<p>客服热线：886-2-2369-1140</p>
					<p>传真专线：886-2-2365-2745</p>
					<p>服务邮箱：service@spa-boss.com</p>
					<p>地址：106台北市大安區泰順街26巷28號2F</p>
				</div>
				<div class="footer-top-right1 fr">
					<img src="img/footer-pic.png" />
					<p>微博关注蒂美娜</p>
				</div>
				<div class="footer-top-right2 fr">
					<img src="img/footer-pic.png" />
					<p>微信关注蒂美娜</p>
				</div>
			</div>
			<div class="footer-middle"></div>
			<div class="footer-bottom">
				<p>COPYRIGHT© 2008 Leachain International Co., Ltd.-All RIGHTS
					RESERVED</p>
			</div>
		</div>
	</div>
</body>
</html>
